﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<title>sample9</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
		<script type="text/javascript">
$(function(){
	$("button#fade100").click(function(){
		$("img:not(:animated)").fadeTo("slow",1);
	});
	$("button#fade50").click(function(){
		$("img:not(:animated)").fadeTo("slow",0.5);
	});
	$("button#fade0").click(function(){
		$("img:not(:animated)").fadeTo("slow",0);
	});
});
		</script>
	</head>
	<body>
		<button id="fade100">표시</button>
		<button id="fade50">반투명</button>
		<button id="fade0">비표시</button>
		<p><img src="flower.jpg" alt="flower" /></p>
	</body>
</html>